@media (min-width: 56px) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-auto {
		cursor: hand;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		flex-basis: 0;
		flex-grow: 1;
		width: auto;

	}
	.col-auto:hover{
		cursor: hand;
		
	
	}
	.detail-box:hover{
		cursor: hand;
	}
	.box {
		width: 100%;
		
		/* border: 1px solid red; */
	}

	.line {
		font-weight:bold;
		font-size: x-large;
		padding: 0 20px 0;  
		margin: 20px 0;
		line-height: 1px;
		border-left: 10rem solid #ddd;
		border-right: 10rem solid #ddd;
		text-align: center;
	}
}
